<template>
    <div class="container">
        <div class="header-bg">
            <div class="card-info hd-shadow">
                <div class="card-header hd-img-circle">
                    <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/index/header_img.jpeg" class="hd-img-responsive hd-img-circle"/>
                </div>
                <div class="card-desc">
                    <div class="nick-name" id="nick-name">飞翔的大萝卜</div>
                    <van-tag class="card-level" id="card-level" color="#FF8882" text-color="#FFFFFF">
                        <van-icon name="checked" />
                        <span>实名认证</span>
                    </van-tag>
                </div>
            </div>
            <div class="card-no">NO. 2382 2312 4563</div>
        </div>
        <div class="body">
            <div class="integral-group bg-white hd-shadow">
                <a href="#/subsidy_index" class="item van-hairline--right">
                    <div class="cur-sal-text-color">消费补贴</div>
                    <em>¥</em>200
                </a>
                <div class="item van-hairline--right">
                    <div class="cur-sal-text-color">当前积分</div>
                    0<em>分</em>
                </div>
                <div class="item">
                    <div class="cur-sal-text-color">储值余额</div>
                    <em>¥</em>0
                </div>
            </div>
            <div class="option-group bg-white hd-shadow">
                <div class="item van-hairline--right van-hairline--bottom">
                    <div class="cur-sal-text-color"><van-icon name="scan" /></div>
                    扫描消费
                </div>
                <!--<div class="item van-hairline&#45;&#45;right van-hairline&#45;&#45;bottom">-->
                    <!--<div class="cur-sal-text-color"><van-icon name="qr" /></div>-->
                    <!--出示应用-->
                <!--</div>-->
                <!--<div class="item van-hairline&#45;&#45;right van-hairline&#45;&#45;bottom">-->
                    <!--<div class="cur-sal-text-color"><van-icon name="cash-back-record" /></div>-->
                    <!--担保预存-->
                <!--</div>-->
                <!--<div class="item van-hairline&#45;&#45;bottom">-->
                    <!--<div class="cur-sal-text-color"><van-icon name="discount" /></div>-->
                    <!--优惠券-->
                <!--</div>-->
                <a href="#/myself" class="item van-hairline--right">
                    <div class="cur-sal-text-color"><van-icon name="user-o" /></div>
                    实名信息
                </a>
                <a href="#/agreement" class="item van-hairline--right">
                    <div class="cur-sal-text-color"><van-icon name="notes-o" /></div>
                    服务条款
                </a>
                <a href="#/guarantee_medical_index" class="item van-hairline--right">
                    <div class="cur-sal-text-color"><van-icon name="paid" /></div>
                    垫付医疗
                </a>
                <!--<div class="item">-->
                    <!--<div class="cur-sal-text-color"><van-icon name="vip-card-o" /></div>-->
                    <!--申办领卡-->
                <!--</div>-->
            </div>
            <div class="other-group bg-white hd-shadow">
                <van-cell title="我的事项" icon="comment-o" value="当前无事项" />
                <van-cell title="我的订单" icon="cart-circle-o" value="2个待使用订单" />
                <van-cell to="/physical_examination" title="体检预约" icon="todo-list-o" value="预约大健康体检" />
                <!--<van-cell title="流量领取" icon="diamond-o" value="领取12G免费流量" />-->
                <van-cell to="/insurance" title="我的保险" icon="location-o" value="查看保险详情" />
                <van-cell title="我的活动" icon="fire-o" value="" />
                <!--<van-cell title="积分商城" icon="gift-o" value="" />-->
                <!--<van-cell title="求职信息" icon="desktop-o" value="查看我的简历" />-->
                <!--<van-cell title="婚恋交友" icon="like-o" value="没有人关注我" />-->
                <van-cell title="消息通知" icon="volume-o" value="5条未读消息" />
                <van-cell title="建议反馈" icon="records" value="感谢给我们反馈" />
                <van-cell title="联系我们" icon="service-o" value="" />
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'index'
}
</script>

<style src="./index.css" scoped>
</style>
